<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header">
    <!-- Favicon -->
    <link rel="shortcut icon" th:href="${application.staticUrl}+'frame/img/common/favicon.ico'"/>
    <link rel="icon" th:href="${application.staticUrl}+'frame/img/common/favicon.ico'" type="image/x-icon"/>
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/bootstrap/bootstrap.min.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/bootoast.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/style.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/notepad/jalendar.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/notepad/documentation.css'" />
    <!--switch样式-->
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/bootstrap/bootstrap-switch.min.css'" />
</head>

<head th:fragment="jqueryCss">
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/jquery/jquery.bootstrap-touchspin.min.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/jquery/jquery.dataTables.min.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/jquery/jquery.steps.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/jquery/wizard.css'" />
</head>

<head th:fragment="headerTableCss">
    <!--bootstrap的表格样式-->
    <link  rel="stylesheet"  th:href="${application.staticUrl}+'frame/css/bootstrap/bootstrap-table.css'"   />
    <!--bootstrap分页跳转的表格样式-->
    <link  rel="stylesheet"   th:href="${application.staticUrl}+'frame/css/bootstrap/bootstrap-table-jumpto.css'"  />
    <style>
        .pagination>li {
            display: inline-block;
            vertical-align: middle;
        }
        .btn-default>i{
            line-height: 23px;
        }
        .col-width-id{
            width: 5%;
        }
         .col-width-state{
            width: 80px;
        }
        .fixed-table-body{
            overflow-x:hidden;
        }
    </style>
</head>

<head th:fragment="ztree">
    <!--基础样式
    <link  rel="stylesheet"   th:href="${application.staticUrl}+'frame/css/tree/ztree.css'"  />-->
    <!--定制TREE样式-->
    <link  rel="stylesheet"   th:href="${application.staticUrl}+'frame/css/tree/ztreeImc.css'"  />

    <!--tree核心包-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/tree/jquery.ztree.core.js'"></script>
     <!--tree复选框功能包-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/tree/jquery.ztree.excheck.js'"></script>
    <!--tree编辑功能包-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/tree/jquery.ztree.exedit.js'"></script>
    <!--treeData-org-->

</head>

<!-- banner轮播用 -->
<head th:fragment="owlCarouse">
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/owl.carousel/owl.carousel.min.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/owl.carousel/owl.theme.default.min.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/bootstrap/bootstrap.css'" />

    <link rel="stylesheet" th:href="${application.staticUrl}+'base/notice/css/notice.css'" />
</head>

<!-- Owl CSS -->
<head th:fragment="owlCss">
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/banner/owl.carousel/css/owl.carousel.min.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/banner/owl.carousel/css/owl.theme.default.min.css'" />
</head>

<head th:fragment="bannerCss">
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/banner/css/banner.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/notice/css/addNotice.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/banner/jqueryUploader/upload.css'" />
</head>

<head th:fragment="categoryCss">
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/category/jqueryUploader/upload.css'" />
</head>

<head th:fragment="noticeCss">
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/notice/css/notice.css'" />
</head>

<head th:fragment="addNoticeCss">
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/notice/css/addNotice.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/notice/jqueryUploader/upload.css'" />
</head>

<head th:fragment="uploadCSS">
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/uploadCss/upload.css'" />
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/uploadCss/supple.css'" />
</head>
<body>

<head th:fragment="menuAut">
    <script th:inline="JavaScript">
        var menu=[[${menu}]];
        var type=[[${type}]];
        var stype=[[${stype}]];
        var menuId = [[${menuId}]];
        var detailId = [[${detailId}]];
        var orderId = [[${orderId}]];
        var backUrl=[[${backUrl}]];
    </script>
</head>

<div th:fragment="headerTableJs">
    <!--bootstrap表格控件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/bootstrap/bootstrap-table.min.js'"></script>
    <!--bootstrap分页跳转的控件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/bootstrap/bootstrap-table-jumpto.js'"></script>
</div>

<!--- 图片上传用  -->
<div th:fragment="uploaderJs">
    <link rel="stylesheet" th:href="${application.staticUrl}+'base/notice/jqueryUploader/jQuery.upload.js'" />
</div>

<div th:fragment="uploadJs">
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/common/upload.js'"></script>
    <!--<script type="text/javascript" th:src="${application.staticUrl}+'frame/tinymce/tinymce.min.js'"></script>-->
    <!--<script type="text/javascript" th:src="${application.staticUrl}+'frame/tinymce/langs/zh_CN.js'"></script>-->
</div>

<!-- Owl JavaScript -->
<div th:fragment="owlJs">
    <script type="text/javascript" th:src="${application.staticUrl}+'base/banner/owl.carousel/js/owl.carousel.min.js'"></script>
</div>


<div th:fragment="jqueryScript">
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/jquery.min.js'"></script>
    <!--jquery滚动条插件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/jquery.slimscroll.js'"></script>
    <!--bootstrap3的移动和触摸友好输入微调器组件，支持鼠标滚轮和向上/向下键-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/jquery.bootstrap-touchspin.min.js'"></script>
    <!--jquery数据分组-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/jquery.dataTables.min.js'"></script>
    <!--一体化的向导插件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/jquery.steps.min.js'"></script>
    <!--jquery校验插件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/jquery.validate.min.js'"></script>
    <!--jquery的向导插件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/jquery-wizard.min.js'"></script>
</div>

<div th:fragment="formScript">
    <!--bootstrap的下拉菜单dropdown-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/bootstrap/dropdown-bootstrap-extended.js'"></script>
    <!--jquery轮播旋转木马-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/owl.carousel.min.js'"></script>
    <!--仿ios7的滚动按钮插件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/bootstrap/switchery.min.js'"></script>
</div>

<div th:fragment="mainScript">
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/jquery.min.js'"></script>
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/bootstrap/bootstrap.min.js'"></script>
    <!--jquery滚动条-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/jquery/jquery.slimscroll.js'"></script>
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/bootstrap/jasny-bootstrap.min.js'"></script>
    <!--bootstrap插件修改后的轻量提示-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/common/bootoast.js'"></script>
    <!--load方法重写-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/common/load.js'"></script>
    <!--封装退出组件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/common/logout.js'"></script>
    <!--layui插件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'base/layui/layui.all.js'"></script>
    <!--bootstrap-switch插件-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/bootstrap/bootstrap-switch.min.js'"></script>
    <!--提取公用方法-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/common/pubEvent.js'"></script>
    <!--校验公用JS-->
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/common/jsECC.js'"></script>
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/anim/jquery.waypoints.min.js'"></script>
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/anim/jquery.counterup.min.js'"></script>
</div>

<div th:fragment="init">
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/index.js'"></script>
</div>

<!-- Footer -->
<footer th:fragment="footer" class="footer container-fluid pl-30 pr-30">
    <div class="row">
        <div class="col-sm-12">
            <p>2018 &copy; Grandin. Pampered by Hencework</p>
        </div>
    </div>
</footer>

<div th:fragment="breadcrumb">
    <script type="text/javascript">
            function jumpPage(menu) {
                loadUtil = new Load($);
                loadUtil.load({
                    container:'#homeContent',
                    url: application.contextPath+$(menu).attr("menuUrl")
                });
                layer.close(layer.index);
            }
    </script>
    <div class="row heading-bg">
        <ol class="breadcrumb" style="float: left;">
            <li th:class="${menuStat.last?'active':''}" th:each="menu,menuStat : ${menuList}">
                <a th:if="${!menuStat.last}" th:text="${menu.menuName}" th:attr="menuUrl=${menu.menuUrl}" onclick="jumpPage(this);"></a>
                <span th:if="${menuStat.last}" th:text="${menu.menuName}"></span>
            </li>
        </ol>
    </div>
</div>

<div th:fragment="webContext">
    <script type="text/javascript" th:inline="javascript">
        var application = {
            staticUrl:[[${application.staticUrl}]],
            siteUrl:[[${application.siteUrl}]],
            contextPath:[[${application.contextPath}]],
        };
    </script>
</div>

</body>
</html>

